<template>
  <splitpanes class="default-theme">
    <pane size="30" min-size="0" max-size="80">
      <lims-record-accept-table @bind="refreshTabs" />
    </pane>
    <pane size="70" min-size="20" max-size="100">
      <lims-record-tab ref="tabRef" />
    </pane>
  </splitpanes>
</template>

<script>
import { Splitpanes, Pane } from 'splitpanes'
import '@/theme/splitpanes.css'
import LabBase from "@/mixins/LabBase";
import LimsRecordTab from "@/views/system/process/lims/record/LimsRecordTab";
import LimsRecordAcceptTable from "@/views/system/process/lims/record/LimsRecordAcceptTable";
export default {
  name: "LimsRecordBind",
  components: {LimsRecordAcceptTable, LimsRecordTab, Splitpanes, Pane},
  mixins: [LabBase],
  methods: {
    refreshTabs() {
      this.$refs.tabRef.loadSource()
    }
  }
}
</script>

<style scoped>

</style>
